<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   	<div class="panel panel-primary">
		<div class="panel-heading">
   					<div class="title" data-toggle="collapse" data-target="#xx1" data-parent="#pid">面板</div>
				</div>
		<div id="xx1" class="panel-collapse ">
			<table class="table table-bordered table-striped table-hover">
				<tr>
					<th>菜单</th>
					<th>菜单</th>
					<th>菜单</th>
					<th>菜单</th>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				</table>
		</div>
	</div>
   </body>
</html>